<template>
	<div class="nodeinfo" :style="'left:'+viewPoint.x+'px;top:'+(viewPoint.y)+'px;'">
		<div class="title">{{info.title}}</div>
		<div class="content">{{info.content}}</div>
	</div>
</template>

<script>
	export default {
		name: "sysBussinessMenu",
		props: {			
			viewPoint:{default:null},	
		},
		watch: {			
			
		},
		data() {
			return {
				info:{
					title:"123456",
					content:"XXXXXXX-BBBBBBBBBB-CCCCCCCCCCCC-DDDDDDDDDDDDDDD"
				}
			}
		},		
		methods: {
			
		}
	}
</script>

<style>
	.title{
		font-size: 16px;	
		line-height: 32px;	
		font-weight: bold;
		font-family: Microsoft YaHei;
		text-align: left;
	}
	.content{
		font-size: 14px;		
		font-family: Microsoft YaHei;
		text-align: left;
		color: rgba(52, 52, 52, 1);
	}
	.nodeinfo{
		background: #f4f4f5;
		width: 200px;
		height: 200px;
		position: absolute;
		z-index: 99;		
		padding: 10px;
	}
</style>